<template>
    <div class="common-areatoolbar">
        <i class="blueBlock"></i>
        <span class="titleText">{{text}}</span>
        <div class="inner-toolbar" :style="{'float':align == 'right' ? 'right':'','display':align == 'left' ? 'inline-block':''}">
            <slot></slot>
        </div>
    </div>
    
</template>
<script>
    export default {

        data() {
            return {};
        },

        methods: {
            setCurrentValue(val) {
                this.title = val;
            }
        },

        props: {
            text: {
                type: [String]
            },
            align: {
                type: [String], // left middle right
                default: 'right'
            },
            hasIcon: {
                type: [Boolean],
                default: true
            }
        },
    }
</script>
